<!DOCTYPE html>
<html>
<head>
<title>用户编辑</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/uniform.css" />
<link rel="stylesheet" href="css/select2.css" />
<link rel="stylesheet" href="css/matrix-style.css" />
<link rel="stylesheet" href="css/matrix-media.css" />
<link rel="stylesheet" href="css/dataTables.jqueryui.css" />
<link rel="stylesheet" href="css/bootstrap-treeview.css" />
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800'
	rel='stylesheet' type='text/css'>
</head>
</head>
<body
	style="background-color: #eeeeee; padding-left: 10px; padding-right: 5px; padding-top: 0px">

	<div class="widget-box">
        <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
          <h5>用户编辑</h5>
        </div>
        <div class="widget-content nopadding">
          <form action="#" method="get" class="form-horizontal">
            <div class="control-group">
              <label class="control-label">用户名：</label>
              <div class="controls">
                <input type="text" class="span10" placeholder="用户名" />
                <span class="help-block">用户名由6-20个数字、字母或者英文的“_”组成。</span>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">真实姓名：</label>
              <div class="controls">
                <input type="text" class="span10" placeholder="真实姓名" />
                <span class="help-block">真实姓名由2-15个汉字组成。</span>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">密码：</label>
              <div class="controls">
                <input type="password"  class="span10" placeholder="密码"  />
                <span class="help-block">密码由6-20个数字、字母或者英文的“_”组成。</span>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">确认密码：</label>
              <div class="controls">
                <input type="password"  class="span10" placeholder="确认密码"  />
                <span class="help-block">输入与上一个密码文本框中内容一致的信息。</span>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">是否启用：</label>
              <div class="controls">
                <label>
                  <input type="radio" name="radios" checked="true" />
                  	启用
                </label>
                <label>
                  <input type="radio" name="radios" />
                  	禁用
                </label>
                <span class="help-block">启用：表示该用户为激活状态，反之，则禁用该用户信息。</span>
              </div>
            </div>
            
            <div class="control-group">
              <label class="control-label">所在部门：</label>
              <div class="controls">
                <!-- http://datatables.club/example/user_share/row_details.html -->
                <div class="input-append">
                  <input type="text" placeholder="所在部门" class="span9">
                  <span><a href="#myModal" role="button" class="btn btn-default span1" data-toggle="modal">选择</a></span> </div>
                <!-- <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> -->  
		        <!-- Modal -->  
              </div>
            </div>
            
            <div class="form-actions">
              <button type="submit" class="btn btn-info">编辑并保存</button>
              &nbsp;&nbsp;&nbsp;&nbsp;
              <button type="submit" class="btn btn-danger">取消</button>
            </div>
          </form>
        </div>
      </div>
	
	<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
        <div class="modal-header">  
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>  
            <h3 id="myModalLabel">部门信息</h3>  
        </div>  
        <div class="modal-body">  
            <div class="widget-box">
				<div class="widget-title">
					<span class="icon"><i class="icon-th"></i></span>
					<h5>用户信息</h5>
				</div>
				<div class="widget-content nopadding">
					<table class="table table-bordered table-striped with-check" id="userTable">
						<thead>
							<tr>
								<th><i class="icon-resize-vertical"></i></th>
								<th>用户名</th>
								<th>真实姓名</th>
								<th>启用状态</th>
								<th>部门</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
		
						</tbody>
					</table>
				</div>
			</div>  
        </div>  
        <div class="modal-footer">  
            <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>  
            <button class="btn btn-primary">选择</button>  
        </div>  
    </div> 
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.ui.custom.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.uniform.js"></script>
	<script src="js/select2.min.js"></script>
	<script src="js/jquery.dataTables.min.js"></script>
	<script src="js/matrix.js"></script>
	<script src="js/matrix.tables.js"></script>
	<script src="js/bootstrap-treeview.js"></script>
	<script src="../../jscore/learn-js-core.js"></script>
	<script src="localJs/param.js"></script>
	<script src="localJs/user/userEdit.js"></script>
	<!-- <script src="js/dataTables.jqueryui.js"></script> -->
</body>
</html>